.real-time-monitoring {
  display: flex;
  margin-top: 3.5rem;
  position: relative;
  .real-time-left {
    flex: 50%;
    .real-time-left-top {
      margin-top: 1.25rem;
      display: flex;
      justify-content: space-around;
    }
    .real-time-left-bottom {
      margin-top: 8.75rem;
      position: relative;
      .left-bottom-content {
        width: 21.75rem;
        height: 21.75rem;
        margin: auto;
        img {
          width: 21.75rem;
        }
      }
      .left-bottom-list {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        .list {
          position: absolute;
        }
        .right {
          position: absolute;
          right: 1.875rem;
        }
        .left {
          left: 1.875rem;
        }
        .A {
          top: 5.625rem;
        }
        .B {
          top: 13.125rem;
        }
        .C {
          bottom: -1.875rem;
        }
        .D {
          bottom: 4rem;
        }
        .E {
          top: 5.625rem;
        }
        .F {
          top: -2.8125rem;
        }
      }
    }
  }
  .real-time-right {
    flex: 50%;
    .real-time-right-top {
      margin: 5.125rem 0;
      position: relative;
      .right-top-content {
        width: 16.875rem;
        height: 16.25rem;
        margin: auto;
        img {
          width: 16.875rem;
          height: 16.25rem;
        }
      }
      .right-top-list {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        .tight-top {
          position: absolute;
        }
        .top {
          left: 40%;
          top: -4.75rem;
        }
        .right {
          right: 2.875rem;
          top: 6.125rem;
        }
        .bottom {
          left: 40%;
          bottom: -4.75rem;
        }
        .left {
          left: 2.875rem;
          top: 6.125rem;
        }
      }
    }
    .real-time-right-bottom {
      display: flex;
      justify-content: space-around;
      padding: 0 3.75rem;
      margin-bottom: 1.875rem;
      .circle-coordinate {
        position: relative;
        .circle-center {
          position: absolute;
          color: #fff;
          position: absolute;
          top: 7.5rem;
          left: 8rem;
        }
        .M {
          top: 6rem;
          left: 6.125rem;
        }
        .circle-point {
          position: absolute;
          color: #fff;
          .point {
            width: 0.375rem;
            height: 0.375rem;
            border-radius: 50%;
            background-color: red;
          }
          .point-text {
            position: absolute;
            width: 100%;
            top: -2.75rem;
            left: 0.625rem;
          }
        }
      }
    }
  }
  .real-time-select {
    position: absolute;
    top: -7.125rem;
    right: 1.25rem;
  }
}
